/*
Design by Tuxedo
Copyright 2011
*/
/* Reset CSS */
*{margin: 0; padding: 0;}

body {
    font-size: 62.5%;
    font-family: arial, sans-serif;
    line-height: 2em;
    background: #dfe9ed url(../images/body-bg.gif) repeat left top;
}
ol, ul {
    list-style: none;
}
p {
    font-size: 1.2em;
}
a {
    text-decoration: none;
}
a img {
    border: none;
}
img {
    vertical-align: middle;
}
fieldset {
    border: none;
}
h1, h2, h3, h4, h5 {
    font-family: georgia, serif;
}
h2 {
    font-size: 2.2em;
    margin: 0;
}
h1 {
    font-size: 2em;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.aligncenter {
    text-align: center;
}
/* End Reset */

/* Header */
#header {
    background: url(../images/header-bg.jpg) scroll left bottom repeat-x #dfe9ed ;
    width: 100%;
    height: 189px;
}
#logo{
    margin: 0px auto;
    width: 1000px;
    height: 150px;
    overflow: hidden;
}
#logo span.white{
    text-transform: uppercase;
    font: bold 14px Arial, serif;
    display: block;
    color: #fff;
    height: 25px; line-height: 25px;
    margin-left: 14px;
}
#logo span.yellow{
    text-transform: uppercase;
    font: bold 20px Arial, serif;
    color: yellow;
    height: 50px; line-height: 50px;
    margin-left: 10px;
}
#header-nav {
    background: url(../images/home.png) no-repeat 10px 10px;
    margin: 0px auto;
    padding-left: 25px;
    position: relative;
    width: 975px;
    height: 38px;
    line-height: 38px;
}
#header-nav ul li {
    background: url(../images/line.jpg) no-repeat right center;
    padding: 7px 15px 7px 10px; 
    display: inline;
}
#header-nav ul li a {
    text-transform: uppercase;
    font: bold 12px Arial, serif;
    color: #06365f;
}
#header-nav ul li a:hover{
    color: #af060a;
}
#search{
    position: absolute;
    bottom: 4px;
    right: 20px;
}
#search form{
    background: transparent url(../images/search-bg-1.jpg) repeat-x left top;
    border: none;
    height: 26px;
    -moz-border-radius: 5px 5px 8px 8px;
    -webkit-border-radius: 5px 5px 8px 8px;
    border-radius: 5px 5px 8px 8px;      
}
#search label{
    display: none;
}
#search .inputbox {
    background: url(../images/search-btn.png) no-repeat right -1px;
    border: none;
    margin: 0px;
    padding-left: 8px;
    width: 220px;
    height: 26px;
    -moz-border-radius: 0px 5px 8px 0px;
    -webkit-border-radius: 0px 5px 8px 0px;
    border-radius: 0px 5px 8px 0px;   
}
/* Body */
#wrapper {
    margin: 8px auto;
    width: 1000px;
    /* fix ie6 */
    height: auto !important;    
    height: 500px;
    min-height: 500px;    
}
.sidebar {
    margin: 0px 7px 10px 5px;
    overflow: visible;
    width: 182px;
}
/* Menu */
.sidebar .menu-wrapper {
    background: #ececec url(../images/box-head.jpg) no-repeat top center;
    margin: 0px auto 10px;
    width: 182px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 1px 3px #000;
    -webkit-box-shadow: 0px 1px 3px #000;
    box-shadow: 0px 1px 3px #000;
}
.menu-wrapper h1 {
    font: bold 14px Arial;
    color: #fdfdfd;
    margin-left: 8px;
    text-transform: uppercase;
    line-height: 31px;
    text-shadow: 1px 1px 3px #000;
    background: url(../images/menu.png) no-repeat center left;
    padding-left: 20px;
}
.menu-wrapper .menu, .menu-wrapper .menu ul {
    position: relative;
    background-color: #ececec;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
.menu-wrapper .menu li{
    border-bottom: 1px solid #fefefe;
    position: relative;
    margin: 0px 8px;
    padding: 0px 8px;
    line-height: 28px;
    height: 28px;
}
.menu-wrapper .menu ul {
    position: absolute;
    width: 182px;
    top:  0px;
    left: 170px;
    display: none;
    z-index: 200;
    overflow: visible !important;
    -moz-box-shadow: rgb(170, 170, 170) 5px 5px 5px;
    -webkit-box-shadow: rgb(170, 170, 170) 5px 5px 5px;
    box-shadow: rgb(170, 170, 170) 5px 5px 5px;
}
.menu-wrapper .menu li a{
    font: normal 14px Arial, serif;
    color: #011;
}
.menu-wrapper .menu li:hover{
    
}
.menu-wrapper .menu li ul a {
    
}
.menu-wrapper .menu ul ul {
    top: auto;
}
.menu-wrapper .menu li ul ul {
    left: 170px;
    top: 0px;
}
.menu-wrapper .menu li:hover ul ul, 
.menu-wrapper .menu li:hover ul ul ul,
.menu-wrapper .menu li:hover ul ul ul ul {
    
}

.menu-wrapper .menu li:hover ul,
.menu-wrapper .menu li li:hover ul,
.menu-wrapper .menu li li li:hover ul,
.menu-wrapper .menu li li li li:hover ul {
    
}
/* End Menu */
.sidebar .box {
    background: #fdfdfd url(../images/box-head.jpg) no-repeat top center;
    margin: 0px auto 10px;
    padding-bottom: 8px;
    width: 182px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 1px 3px #000;
    -webkit-box-shadow: 0px 1px 3px #000;
    box-shadow: 0px 1px 3px #000;
}
.box h1 {
    font: bold 14px Arial;
    color: #fdfdfd;
    margin-left: 8px;
    text-transform: uppercase;
    line-height: 31px;
    text-shadow: 1px 1px 3px #000;
}
.box h1#links {
    background: url(../images/link.png) no-repeat center left;
    padding-left: 20px;
}
.box h1#report {
    background: url(../images/report.png) no-repeat center left;
    padding-left: 20px;
}
.box h1#login {
    background: url(../images/user.png) no-repeat center left;
    padding-left: 20px;
}
.box h1#news {
    background: url(../images/news.png) no-repeat center left;
    padding-left: 20px;
}
.box p {
    font-size: 12px;
    margin: 4px 8px;
}
.box p img {
    margin-right: 5px;
}
.box p span {
    color: #f80c27;
}
/* Visitor Counter */
.box .vc_people p{
    margin: 2px 6px;
    font-size: 14px;
}
.box .vc_people span{
    color: #011;
}
.box .vc_people span.vc_num{
    color: #af060a;
    float: right;
}
.box form {
    margin: 5px;
    font-size: 12px;
    color: #0913a0;
}
.box form #user,.box form #pass {
    border: 1px solid #d2d9dc;
    margin: 3px auto 8px;
    padding-left: 22px;
    width: 146px;
    height: 26px;
    opacity: 0.6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.box form #user:focus,.box form #pass:focus {
    border: 1px solid #b7d4ea;
    opacity: 1;
}
.box form .logout-button{
    margin-bottom: 26px;
}
.box form .button {
    width: 60px;
    height: 24px;
    line-height: 24px;
    float: right;
}
.box form .user-name{
    font-size: 12px;
    color: #06365f;
}
.box form span.user{
    color: #9d4922;
}
.box form #user {
    background: url(../images/user.png) no-repeat 3px center;
}
.box form #pass {
    background: url(../images/password.png) no-repeat 3px center;
}
.box form #save {
    margin-right: 5px;
}
.box form a#forgot {
    color: #0913a0;
}
.box form a#forgot:hover {
    color: #af060a;
}
.box form #login-btn {
    background: #4196d5 url(../images/btn-bg.jpg) repeat-x left center;
    border: none;
    color: #fff;
    float: right;
    margin-right: 5px;
    width: 45px;
    height: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.box ul {
    margin: 5px auto;
}
.box ul li {
    background: url(../images/listicon.png) no-repeat 4px 5px;
    padding-left: 16px;
}
.box ul li:hover {
    background: url(../images/listicon.png) no-repeat 6px 5px;
}
.box ul li span {
    font-size: 13px;
    text-align: justify;
    color: #0f5a8c;
}
.box a.viewonly screen {
    overflow: visible;
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #0b6098;
    margin-right: 5px;
}
.box ul li:hover span, .box a.viewonly screen:hover{
    color: #af060a;
}
#content {
    margin: 10px auto;
    width: 610px;
}
/* Slider */
#slider-wrapper {
    margin: 0px auto 5px;
    width: 584px;
    height: 256px;
}
#slider {
    position:relative;
    width: 584px;
    height: 246px;
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top: 0px;
    left: 0px;
    display:none;
}
#slider a {
    border: 0;
    display: block;
    color: #6cedf9;
    font-size: 1.3em;
    text-decoration: none;
}
#slider p.intro{
    font: 1.1em Arial;
    text-align: justify;
}
.nivo-controlNav {
    position: absolute;
    left: 260px;
    bottom: -24px;
}
.nivo-controlNav a {
    display: block;
    width: 22px;
    height: 22px;
    background:url(../images/bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right:3px;
    float: left;
}
.nivo-controlNav a.active {
    background-position: 0 -22px;
}
.nivo-directionNav a {
    display:block;
    width: 30px;
    height: 30px;
    background:url(../images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position: -30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}
.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
} 
/* End Slider */
#content .content-box {
    font: 12px arial,serif;
    margin: 5px;
    padding: 5px;
}
.content-box h1 {
    background: url(../images/mod_news_bg.png) no-repeat left bottom;
    font: bold 14px arial,serif;
    color: #012f4e;
    text-transform: uppercase;
    padding-bottom: 5px;
    /*
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    */
    border-radius: 5px 5px 0px 0px;
}
.content-box h2 {
    font: bold 14px arial, serif;
    color: #003986;
    margin: 4px 5px;
}
.content-box img {
    margin-right: 6px;
    width: 100px;
    height: 70px;
}
.content-box span.post-date {
    background: url(../images/calendar.png) no-repeat left center;
    padding-left: 16px;
}
.content-box p.post-content{
    display: inline-block;
    font-size: 1.1em;
    text-align: justify;
    text-indent: 20px;
}
.content-box ul{
    display: inline;
}
.content-box li {
    background: url(../images/listicon.png) no-repeat 4px center;
    padding-left: 16px;
    margin-top: 3px;
    margin-left: 5px;
}
.content-box li:hover{
    background: url("../images/listicon.png") no-repeat 6px center;
}
.content-box a {
    font: 12px arial, serif;
    color: #003986;
}
.content-box li:hover a{
    color: #af060a;
}
.content-box a.viewonly screen{
    float: right;
    font-weight: bold;
    margin-right: 8px;
    margin-bottom: 5px;
}
.content-box a.viewonly screen:hover{
    color: #af060a;
}
#content .breadcrumbs {
    background: url(../images/breadcrumbs-bg.jpg) repeat-x left center;
    font-size: 12px;
    color: #fff;
    margin: 0px 5px 10px;
    padding-left: 8px;
    height: 32px;
    line-height: 32px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.breadcrumbs div.showHere{
    background: url(../images/bchome.png) no-repeat left center;
    display: inline;
    width: 20px;
    margin-right: 4px;
}
.breadcrumbs a{
    font-size: 12px;
    color: #acebcb;
}
.breadcrumbs a:hover{
    text-decoration: underline;
}
.breadcrumbs img {
    margin-bottom: 5px;
    margin-right: 4px;
}
#content .post {
    margin: 0px auto 5px;
    padding: 0px 10px;
}
#content .post h1 {
    font: bold 2em arial,serif;
    color: #0067ac;
    text-transform: uppercase;
}
#content .post dd.published {
    background: url(../images/calendar.png) no-repeat left center;
    font-size: 12px;
    padding-left: 18px;
    color: #015b97;
}
#content .post p{
    font-size: 13px;
    text-indent: 20px;
    color: #000;
    text-align: justify;
}
#content .post p.img_caption{
    text-align: center !important;
    color: #015b97;
}
#content .post table{
    margin: 2px auto;
}
#content .post table p{
    text-indent: 0px !important;
}
#content .post p img{
    margin: 6px auto;
    max-width: 570px;
}
#content .post ul.pagenav{
    display: none;
}
/* Style for Category Blog */
#content .post .item .article-info{
    background-color: #e6e6e6;
    margin: 3px auto;
    padding: 3px;
}
#content .post .item dd{
    margin-right: 10px;
    display: inline;
    font-size: 12px;
    color: #015b97;
}
#content .post dd.createdby{
    background: url(../images/post.png) no-repeat left center;
    padding-left: 18px;    
}

#content .post .item{
    background: url(../images/seperator.jpg) no-repeat center bottom;
    line-height: 1.6em;
    overflow: hidden;
    padding: 6px 8px;
}
#content .post .item dd span{
    color: #6c6c6c;
    font-weight: bold;
}
#content .post h2 a{
    font: bold 0.8em arial,serif;
    color: #0067ac;
    margin-bottom: 3px;
}
#content .post .readmore{
    text-indent: 0px;
}
#content .post .readmore a{
    background: url(../images/readMore.png) no-repeat scroll left center transparent;
    color: #176092;
    padding-left: 15px;
    float: right;
}
#content .post .readmore a:hover{
    padding-left: 10px;
    color: #292929;
}
/* Intro News */
#content .post .intro-news{
     color: #000000;
    font-size: 12px;
    text-align: justify;
    text-indent: 20px;
}
#content .post .intro-news dt{
    font-weight: bold;
}
#content .post .intro-news dd{
    text-indent: 25px;
}
/* Class item-more */
#content .post .items-more{
    margin-top: 8px;
    color: #9d4922;
    font-size: 12px;
}
.items-more ol li{
    background: url(../images/listicon.png) no-repeat left center;
    margin-left: 10px;
    padding-left: 15px;
}
.items-more ol li:hover{
    margin-left: 13px;
    padding-left: 12px;
}
.items-more ol li a{
    font-size:  12px;
    color: #176092;
}
.items-more ol li a:hover{
    color: #292929;
}
/* news_box */
.post .news_box {
    margin-top: 4px;
    margin-left: 4px;
}
.news_box h2 {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto Condensed','Arial','Tahoma';
}
.news_box ul li {
    background: url(../images/listicon.png) no-repeat 4px 5px;
    padding-left: 16px;
}
.news_box ul li:hover {
    background: url(../images/listicon.png) no-repeat 6px 5px;
}
.news_box ul li span {
    font-size: 13px;
    text-align: justify;
    color: #0f5a8c;
}
.news_box ul li:hover span{
    color: #af060a;
}
/* Pagination */
#content .pagination {
    display: block;
    margin: 3px auto 0px;
    text-align: center;     
}
#content .pagination ul li{
    display: inline;
    margin: 0px; padding: 0px;
    background: none;
}
#content .pagination a.pagenav{
    font-size:  12px;
    color: #0067ac;
    margin-left: 5px;
    padding:2px 5px;
    border: 1px solid #cecece;
}
#content .pagination a.pagenav:hover,
#content .pagination a.pagenav:active,
#content .pagination a.pagenav:focus{
    border: 1px solid #0D658E;
}
#content .pagination .counter{
    color: #176092 !important;
    font-size: 12px; font-weight: bold;
    text-align: center;
}
#content .pagination li.pagination-start span,
#content .pagination li.pagination-end span,
#content .pagination li.pagination-prev span,
#content .pagination li.pagination-next span {
    display: none;
}
#content .pagination li span{
    font-size:  12px;
    color: #f00;
    margin-left: 5px;
}
/* Search Page */
#content .search-page{
    font-size: 1.2em;

}
.search-page #searchForm{
    margin-left: 10px;
}
.search-page .word label{
    font-weight: bold;
    color: #0067ac;
}
.search-page .word input#search-searchword{
    border: 1px solid #03528D;
    border-radius: 5px;
    padding: 3px 5px;
    width: 280px;
}
.search-page .word .button{
    height: 26px;
    line-height: 24px;
    width: 80px;
    margin-left: 10px;
}
.search-page .phrases-box, .search-page .only-box{
    margin-left: 8px;
}
.search-page .phrases-box legend, .search-page .only-box legend{
    font-weight: bold;
}
.search-page .searchintro strong{
    color: #9d4922;
}
.form-limit{
    color: #9d4922;
}
.search-page .form-limit{
    float: right;
    margin-right: 5px;
}
#photogonly screenery .form-limit{
    font-size: 1.2em;
    margin: 5px auto;
    text-align: center;
}
.form-limit .inputbox{
    background: none repeat scroll 0 0 #fff;
    padding: 1px 0px 1px 4px;
    border: 1px solid #ccc;
}
.form-limit .inputbox:focus{
    background: none repeat scroll 0 0 #ffc;
    border: 2px solid #D8B165;
}
.search-page .result-box{
    border-bottom: 1px dotted #9d4922;
    padding-bottom: 3px;
    margin-top: 5px;
}
.search-page .result-title, .search-page .result-title a{
    color: #0067AC;
    font-weight: bold;
}
.search-page .result-category{
    color: #9d4922;
}
.search-page .result-text{
    text-indent: 5px;
}
.search-page .result-text span.highlight{
    font-weight: bold;
    color: #0067AC;
    background-color: #ddd;
    padding: 2px 3px;
}
/* End Search Page */
#content .contact-wrapper {
    margin: 10px auto;
    padding-left: 20px;
}
.contact-wrapper form {
    margin: 5px auto;
    padding-left: 20px;
}
.contact-wrapper form li {
    margin: 3px 0px;
    display: block;
}
.contact-wrapper li label {
    background-color: #03528d;
    font-size: 12px;
    color: #fff;
    padding: 3px 12px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -border-radius: 5px 5px 0px 0px;
}
.contact-wrapper li input[type=text], .contact-wrapper li input[type=email], .contact-wrapper li textarea {
    border: 1px solid #03528d;
    display: block;
    padding: 5px;
    margin: -1px 0px 8px;
    width: 280px;
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
.contact-wrapper li input[type=text]:hover, .contact-wrapper li input[type=email]:hover, .contact-wrapper li textarea:hover{
    background-color: #c8e5fb;
}
.contact-wrapper li input[type=text]:focus, .contact-wrapper li input[type=email]:focus, .contact-wrapper li textarea:focus{
    background-color: #eff8fe;
}
.contact-wrapper li textarea {
    height: 100px;
}
.contact-wrapper li img {
    margin-bottom: 4px;
}
.contact-wrapper label.error {
    background: url(../images/error.png) no-repeat scroll 5px 50% #FCF2C4;
    border: 1px solid #B5B5B5;
    font-size: 12px;
    color: #000;
    margin: 5px 0px 0px;
    padding: 3px 10px 3px 28px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.contact-wrapper #jform_captcha-lbl {
    display: none !important;
}
/* Download */
#content .file-wrapper {
    margin: 10px auto 15px;
    padding: 8px;
    width: 550px;
    min-height: 20px;
    font-family: arial, sans-serif;
    font-size: 12px;
}
.file-wrapper .pd-document{
    float: left;
    margin-top: 12px;
    margin-left: 3px;
    width: 300px;
}
.file-wrapper .file-title {
    font-size: 14px;
    color: #014464;
}
.file-wrapper .pd-float {
    padding-left: 20px;
}
.file-wrapper .pdbutton {
    float: right;
    margin: 5px;
}
.file-wrapper .pddetails a, .file-wrapper .pddownload a {
    background: url(../images/btn.png) repeat-x scroll 0 0%, url(../images/icon-details.png) no-repeat scroll 6px center #269926;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 8px 5px 26px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;    
}
.file-wrapper .pddownload a {
    background: url(../images/btn.png) repeat-x scroll 0 0%, url(../images/icon-download.png) no-repeat scroll 6px center #269926;
    background-color: #bf8e2f;
}
.file-wrapper .pddetails a:hover{
    background-color: #0C630C;
}
.file-wrapper .pddownload a:hover{
    background-color: #7C570F;
}
.pgcenter .pginline {
    font-size: 1.2em;
    color: #9D4922;
    margin-right: 0px auto;
    text-align: center;
}
.pgcenter .pginline select {
    margin-left: 3px;
}
/* End Download*/
/* Button */
.button {
    width: 70px;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #014464;
    background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C)); 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #368dbe;
    border-top: 1px solid #c3d6df;
    text-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 0px 1px 3px #000;
    -webkit-box-shadow: 0px 1px 3px #000;
    box-shadow: 0px 1px 3px #000;
}
.button:hover {
    background: #014464;
    background: -ms-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);
    background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853));
    background: linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);
}
.button:active {
    -moz-box-shadow: 0px 2px 6px black;
    -webkit-box-shadow: 0px 2px 6px black;
    box-shadow: 0px 2px 6px black; 
}
/* Categories-list */
.categories-list{
    margin-top: 10px;
    margin-left: 15px;
}
.categories-list span.item-title a{
    font-size: 14px;
    color: #06365F;
    font-weight: bold;
    text-transform: uppercase;
}
.categories-list span.numitems{
    font-size: 12px;
    color: #9D4922;
}
.categories-list ul ul {
    padding-left: 10px;
}
/* Photo Gonly screenery */
#photogonly screenery .pg-category-view-desc p{
    text-indent: 10px;
    font-weight: bold;
}
/* Footer */
#footer {
    background: #dfe9ed url(../images/footer-bg.jpg) repeat-x;
    width: 100%;
    height: 110px;
    clear: both;
}
#footer .menu {
    background: url(../images/fhome.png) no-repeat 6px center;
    margin: 0px auto;
    padding-top: 6px; padding-left: 16px;
    width: 984px;
}
#footer .menu li{
    display:  inline;
    border-right: 1px solid #000447;
    padding: 2px 6px;
}
#footer .menu li a{
    font: normal 12px Arial, serif;
    color: #000447;
}
#footer .menu li a:hover{
    color: #af060a;
}
#footer p#copyright{
    color: #fdfdfd;
    margin: 0px auto;
    padding-top: 20px;
    text-align: center;
    width: 1000px;
}
#back-to-top {
    background: url(../images/top.png) no-repeat left top;
    text-indent: -9999px;
    cursor: pointer;
    position: fixed; bottom: 30px; right: 25px;
    width: 40px; height: 40px;
}
/* Login Page */
#content .login-wrapper {
    margin: 30px;
    padding: 5px;
    border: 1px solid #cecece;
}
.login-wrapper h2 {
    background: url(../images/login.gif) no-repeat 15px center;
    margin: 0px -5px;
    padding: 8px 0px;
    text-indent: 38px;
    border-bottom: 1px solid #cecece;
    font-size: 180%;
}
.form-list {
    font-size: 1.2em;
    padding: 10px 8px;
}
.form-list label {
    display: block;
}
.form-list label.blue-text {
    color: #0f5a8c;
}
.form-list input[type=text], .form-list input[type=password], .form-list input[type=email] {
    border: 1px solid #D2D9DC;
    height: 26px;
    margin: 4px auto;
    opacity: 0.6;
    padding-left: 10px;
    width: 300px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.form-list input[type=text]:focus , .form-list input[type=password]:focus, .form-list input[type=email]:focus {
    border: 1px solid #B7D4EA;
    opacity: 1;
} 
.login-wrapper em, .edit-wrapper em, .edit-wrapper span.star {
    color: red;
    margin-right: 4px;
}
.login-wrapper .buttons-set {
    padding: 8px 8px 30px;
    margin: 0px -5px;
    border-top: 1px solid #cecece;
}
.login-wrapper input#recaptcha_response_field {
    height: 20px !important;
}
.login-wrapper .buttons-set a {
    display: block;
    color: #ef2a33;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
    font-size: 1.2em; font-weight: 700;
}
.buttons-set a:hover{
    color: black;
}
.buttons-set input[type=submit]{
    background: #0f5a8c;
    border: 1px solid #1e1e1e;
    color: white;
    padding: 5px 10px;
    line-height: 1.2;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
    font-size: 11px;
    float: right;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.buttons-set input[type=submit]:hover {
    background: #ef2a33;
    border: 1px solid #df5c1b;
}
/* Edit Article Page */
.edit-wrapper h2 {
    background: url(../images/login.gif) no-repeat 15px center;
    margin: 0px -5px;
    padding: 8px 0px;
    text-indent: 38px;
    font-size: 180%;
}
.edit-wrapper label {
    display: inline-block;
    margin-right: 3px;
    min-width: 140px;
}
.edit-wrapper #editor-xtd-buttons, .edit-wrapper .toggle-editor {
    margin: 3px;
}
.edit-wrapper #editor-xtd-buttons a, .edit-wrapper .toggle-editor a {
    display: inline-block;
    color: #ef2a33;
    margin-right: 8px;
    margin-top: 3px;
    font-size: 1.2em; font-weight: 500;
    float: left;
}
.edit-wrapper #editor-xtd-buttons a:hover, .edit-wrapper .toggle-editor a:hover {
    color: black;
}
.edit-wrapper select {
    margin: 5px auto;
    padding: 1px;
    opacity: 0.6;
}
.edit-wrapper select:focus {
    opacity: 1;
    border: 1px solid #B7D4EA;
}
.edit-wrapper textarea {
    border: 1px solid #03528d;
    display: block;
    margin: -1px 0 8px;
    padding: 5px;
    width: 400px;
    opacity: 0.6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.edit-wrapper textarea:focus{
    opacity: 1;
}
.edit-wrapper #jform_articletext {
    width: 98% !important;
}
.edit-wrapper .calendar {
    margin-top: -3px;
    margin-left: 3px;
}
.edit-wrapper .buttons-set {
    margin: 5px 0px;
}
.edit-wrapper .buttons-set button, .edit-wrapper .btn {
    background: #0f5a8c;
    border: 1px solid #1e1e1e;
    color: white;
    padding: 5px 10px;
    line-height: 1.2;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
    font-size: 11px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.edit-wrapper .buttons-set button:hover, .edit-wrapper .btn:hover {
    background: #ef2a33;
    border: 1px solid #df5c1b;
}
.edit-wrapper .profile-detail{
    color: #0F5A8C;
}
/* Data Table */
.data-tbl {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.4em;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid black;
    margin: 20px;
}
.data-tbl tr {
    
}
.data-tbl th {
    border: 1px solid black;
    font-weight: 700;
    padding: 4px 8px;
    text-align: center;
}
.data-tbl td {
    border: 1px solid black;
    padding: 3px 5px;
}
.data-tbl td:first-child {
    
}
/* Message */
#system-message
{
    margin:10px 0 20px 0;
    border-left:0;
    border-right:0;
}

#system-message dt
{
    font-weight: bold;
}
#system-message dd
{
    margin: 0 0 15px 0;
    font-weight: bold;
    text-indent: 0px;
    padding:0
}
#system-message dd ul
{
    color: #000;
    list-style: none;
    padding: 0px;
}
#system-message dd ul li
{
    line-height:1.5em
}
/* System Standard Messages */
#system-message dt.message
{
    position:absolute;
    top:-2000px;
    left:-3000px;
}
#system-message dd.message {
    margin: 10px 30px;    
}
#system-message dd.message  ul
{
    background: url(../images/notice-info.png) no-repeat 0px 6px ;
    padding-left:40px;
    padding: 10px 10px 10px 40px;
    border-top: 2px solid #90B203;
    border-bottom: 2px solid #90B203;
}
#system-message dd.message ul li
{
    background:none !important;
    font-size: 1.2em;
}
/* System Error Messages */
#system-message dt.error
{
    position:absolute;
    top:-2000px;
    left:-3000px;
}

#system-message dd.error ul
{
    background: url(../images/notice-alert.png) no-repeat 0px 6px ;
    padding-left:40px;
    padding: 10px 10px 10px 40px;
    border-top: 2px solid #990000;
    border-bottom: 2px solid #990000;
}



/* System Notice Messages */
#system-message dt.notice
{
    position:absolute;
    top:-2000px;
    left:-3000px;
}

#system-message dd.notice  ul
{
    background: url(../images/notice-note.png) no-repeat 0px 6px ;
    padding-left: 40px;
    padding: 10px 10px 10px 40px;
    border-top: 2px solid #FAA528;
    border-bottom: 2px solid #FAA528;
}
#system-message dd.notice ul { 
    color: #000;
    margin:10px 0
}

#system-message
{
    margin-bottom: 0px;
    padding: 0;
}

#system-message dt
{
    font-weight: bold;
}

#system-message dd
{
    font-weight: bold;
    padding: 0;
}
dl.lists{
  font-size: 13px;
}
.lists dt{
  margin-left: 30px;
  padding-top: 5px;
}
.lists dd{
  margin-left: 30px;
  padding-bottom: 5px;
}
.lists a{
    color: #AC0202;
}
.lists a.active{
    color: #0067AC;
}
/* mobile menu */
.mobile-menu {
    display: none;
    width: 98%;
    margin: 0;
    padding: 0 4px;
    width: 110px;
}
.mobile-menu h1 {
    color: #fff;
    background: url(http://khoatn.googlecode.com/svn/trunk/images/mobile-menu.png) no-repeat center left;
    padding-left: 30px;
    font: bold 12px Arial,serif;
    text-transform: uppercase;
    height: 38px;
    line-height: 38px;
}
.mobile-menu h1:hover{
    cursor: pointer;
}
#page {
    width: 100%;
    min-width: 240px;
    z-index: 2;
}
.leftSideArea {
    position: absolute;
    top: 0px;
    left: -220px;
    background-color: #32394a;
    width: 220px;
    min-height: 100%;
    overflow-x: hidden;
}
.leftSideArea h3.seperator{
    background-color: #434b5c;
    background: -ms-linear-gradient(top,#434b5c 0%, #394152 100%);
    background: -moz-linear-gradient(top,#434b5c 0%, #394152 100%);
    background: -webkit-linear-gradient(top,#434b5c 0%, #394152 100%);
    background: -webkit-gradient(linear,left top, left bottom, color-stop(0, #434b5c), to(#394152));
    background: linear-gradient(top,#434b5c 0%, #394152 100%);
    border-bottom: 1px solid #242a37;
    border-top: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    color: #7a8292;
    padding-left: 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    text-transform: uppercase;
    font-size: 11px;
}
.leftSideArea .mobile-search {
    text-align: center;
}
.leftSideArea .mobile-search label {
    text-indent: -9999px;
    display: none;
}
.leftSideArea .mobile-search input[type="text"]{
    margin: 8px auto;
    width: 190px;
    height: 22px;
    padding: 2px 4px;
    color: #aab2c0;
    background-color: #414a5a;
    background: -ms-linear-gradient(top,#414a5a, #4c5464);
    background: -moz-linear-gradient(top,#414a5a, #4c5464);
    background: -webkit-linear-gradient(top,#414a5a, #4c5464);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #414a5a), to(#4c5464));
    border: 1px solid #222936;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(255, 255, 255, .4);
    -webkit-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(255, 255, 255, .4);
    box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(255, 255, 255, .4);
    z-index: 1;
}
.leftSideArea .left-wrapper {
    position: relative;
    top: 0;
    left: 0;
}
.leftSideArea ul li {
    border-bottom: 1px solid #242a37;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
.leftSideArea ul li a {
    color: #c4ccda;
    font: 16px Arial, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    line-height: 30px;
    padding-left: 6px;
}
.leftSideArea ul.menu ul {
    position: absolute;
    top: 0px;
    left: -220px;
    width: 220px;
    display: none;
}
.leftSideArea li.back{
    color: #c4ccda;
    font: 16px Arial, sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    line-height: 30px;
    cursor: pointer;
    text-align: center;
}
.leftSideArea span.arrow{
    height: 30px;
    width: 30px;
    cursor: pointer;
    line-height: 30px;
    float: right;
    margin-right: 2px;
    background: url(http://khoatn.googlecode.com/svn/trunk/images/arrow.png) transparent no-repeat center center;
}

/* --------------------------------------------
  iPad in landscape
  @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
-------------------------------------------- */
@media only screen and (max-width: 1024px) {
        #header #logo {width: 100%;}
            #header #logo img {width: 100%;}
        #header #header-nav {width: 98%;}

    #wrapper {width: 960px;}
        #wrapper #content {width: 570px;}
            #wrapper #content #slider-wrapper,#slider-wrapper #slider, #slider img {width: 544px;}
            #wrapper .post h1 {font-size: 1.6em;}
            #wrapper .post img {width: 90%;} 
                #wrapper .post .item img {width: 100px; height: 70px;}

        #footer .menu {width: 95%;}
        #footer p#copyright {width: 96%;}
}
/* --------------------------------------------
  iPad in portrait
  @media only screen and (max-device-width: 768px) and (orientation: portrait) {
-------------------------------------------- */
@media only screen and (max-width: 800px) {
    #header {height: auto;}
        #header #logo {height: auto;padding: 0 0 7px;}
    #wrapper {width: 100%; padding-left: 2px;}
        #wrapper #content { margin: 0 2px 10px 190px; display: block; width: auto;}
            #wrapper #content #slider-wrapper {padding: 0; margin: 0 auto; width: 98%;}
                #slider-wrapper #slider, #slider img {padding: 0; width: 100%;}
                #wrapper #content .post h1 {font-size: 1.6em;}
                #wrapper .floatright {display: none;}
            #wrapper .post h1 {font-size: 1.6em;}
            #wrapper .post img {max-width: 480px;}
    #back-to-top {display: none !important;}
}
@media only screen and (max-width: 700px) {
        #header #header-nav {background-position: 1px 10px; padding-left: 12px;}
            #header #header-nav #search {bottom: 6px; right: 7px}
                #search .inputbox {width: 195px}
            #header #header-nav ul.menu li {padding-left: 7px; padding-right: 8px}
}
@media only screen and (max-width: 600px) {
        #header #header-nav {display: none;}
        #header .mobile-menu {display: block;}

    #wrapper .floatleft {display: none;}
    #wrapper #content {margin-left: 0px;}
        #wrapper #content .breadcrumbs {margin-left: 2px; margin-right: 2px;}
        #wrapper #content .post {padding: 0 4px;}
            #content .post p {text-indent: 8px;}
            #wrapper .post .item {padding: 6px 3px;}
        #wrapper #content .content-box {padding: 0 2px;}
        .search-page .word .button {margin: 2px 4px;}
}
@media only screen and (max-width: 400px) {
        #wrapper #content #slider-wrapper {display: none;}
        #wrapper #content .post h1 {font-size: 1.2em;}
        #wrapper #content .post h2 a {font-size: 0.7em;}
        #wrapper .breadcrumbs {display: none;}
    #footer {height: 40px; background-position: bottom left;}
        #footer .menu {display: none;}
        #footer p#copyright {font-size: 10px; padding-top: 0;}
            #footer p#copyright span {display: none;}
}
@media only screen and (max-width: 350px) {
    #wrapper #content .content-box img {display: none;}
    #wrapper #content .content-box p {text-indent: 0;}
    #wrapper #content .article-info, #wrapper #content .post .item img {display: none;}
    .search-page .word input#search-searchword {width: 200px;}
}
/* IE 10 style */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #header-nav .menu {
        display: inline-block;
        margin-top: 12px;
    }
   .menu-wrapper a {
        padding-top: 6px;
        display: block;
   }
}